<template>
	<view class="index-content">

		<view class="store_back" v-if="storeInfo">
			<image :src="storeInfo.background" mode="aspectFill"></image>
		</view>
		<view class="mainContent">
			<view class="storeCard" v-if="storeInfo">

				<view class="store_namelogo">
					<image :src="storeInfo.logo" mode=""></image>
					<view class="storename">
						<view style="display: flex;justify-content: space-between;">
							<text>{{storeInfo.name}}</text>
							<view class="">
								<text class="iconfont icon-star" style="color: #FF6700;font-size: 30rpx;"></text>
								<text class="iconfont icon-star" style="color: #FF6700;font-size: 30rpx;"></text>
								<text class="iconfont icon-star" style="color: #FF6700;font-size: 30rpx;"></text>
								<text class="iconfont icon-star" style="color: #FF6700;font-size: 30rpx;"></text>
								<text class="iconfont icon-star" style="color: #FF6700;font-size: 30rpx;"></text>
							</view>
						</view>
						<text>店长电话：{{storeInfo.phone}} 会员推荐店</text>
					</view>
				</view>
				<view class="store_tag">
					<view class="store_tag_a">
						<view
							style='background-color: #FF6700;height: 100%;padding: 5rpx;display: flex;align-items: center;justify-content: center;'>
							<text class="iconfont icon-huangguan" style="color: #fff;"></text>
						</view>

						<text>五星品质好店</text>
					</view>
					<view class="store_tag_a">
						<view
							style='background-color: #FF6700;height: 100%;padding: 5rpx;display: flex;align-items: center;justify-content: center;'>
							<text class="iconfont icon-waimai-" style="color: #fff;"></text>
						</view>
						<text>支持配送到家</text>
					</view>

					<!-- <image src="/static/images/gurrantee_2.png" mode="widthFix"></image>
					<image src="/static/images/gurrantee_1.png" mode="widthFix"></image> -->
				</view>
				<view class="store_adress">
					<text>门店地址：{{storeInfo.address}}</text>
				</view>
				<view style="margin: 30rpx 0;">
					<u-line></u-line>
				</view>
				<!-- 会员权益 -->
				<view class="vipcontent">
					<view class="vipcontent_head">
						<u-icon name="level" color="#FF6700"></u-icon>
						<text>会员权益</text>
					</view>
					<text>成为门店会员，享超值会员福利</text>
				</view>
			</view>
			<view class="dislogin" v-else @click="handleGo">
				<view class="info" v-if="!userInfo">
					<text class="iconfont icon-dianpu"></text>
					<text>请先登录</text>
				</view>
				<view class="info" v-else>
					<text class="iconfont icon-dianpu"></text>
					<text>请绑定商家</text>
				</view>
			</view>
		</view>

		<view class="background_green function_Area">
			<!-- 微信商户支付 -->
			<view class="content-inner">
				<view class="top">
					<view class="zf">
						<view class="desc">
							消费总额(询问商家后输入)
						</view>
						<view class="zf-info">
							<view class="tips">
								￥
							</view>
							<view class="sr">
								<up-input @change="handleChangePrice" fontSize="20px" border="none" type="digit"
									placeholder="请输入金额" v-model="price"></up-input>
							</view>
						</view>
					</view>
				</view>
				<view class="middle">
					<view class="yh" @click="handleShowCoupon">
						<view class="label">
							优惠券
						</view>
						<view class="val">
							<view class="have">
								<view class="cpuponval" v-if="selectCoupon">
									-{{formatNumber(selectCoupon.price)}}
								</view>
								<view class="slec" v-else>
									请选择
								</view>
								<u-icon name="arrow-right" color="#2E2D2D" size="13"></u-icon>
							</view>

						</view>
					</view>

					<view class="zffs">
						<view class="label">
							支付方式
						</view>
						<view class="val">
							<view class="fs" @click="checkPayMethod(1)" v-if="isWechat">
								<view class="fs-left">
									<view class="icon">
										<image class="icon-img" src="../../static/images/wxpay.png" mode=""></image>
									</view>
									<view class="text">
										微信支付
									</view>
									<view class="zhekou" v-if="wxhzekou!==100">
										{{(wxhzekou||0)/100===1?0:((wxhzekou||0)/100)*10}}折
									</view>
									<view class="shifu">
										<view class="label">
											实付：
										</view>
										<view class="price">
											￥{{wxprice}}
										</view>
									</view>
								</view>
								<view class="fs-right">
									<u-icon name="arrow-right" color="#999" size="14"></u-icon>


								</view>

							</view>
							<view class="fs" @click="checkPayMethod(2)">
								<view style="display: flex;flex-direction: column;align-items: flex-start;">
									<view class="fs-left">
										<view class="icon">
											<image class="icon-img" src="../../static/images/yepay.png" mode=""></image>
										</view>
										<view class="text">
											余额支付
										</view>
										<view class="zhekou" v-if="yuezekou!==100">
											{{(yuezekou||0)/100===1?0:((yuezekou||0)/100)*10}}折
										</view>
										<view class="shifu">
											<view class="label">
												实付：
											</view>
											<view class="price">
												￥{{yueprice}}
											</view>

										</view>
									</view>
									<view style="font-size: 24rpx;margin-top: 10rpx;margin-left: 24rpx;">
										{{`（余额${formatNumber(userwallet.price||0)}元）`}}
									</view>
								</view>
								<view class="fs-right">
									<u-icon name="arrow-right" color="#999" size="14"></u-icon>

								</view>

							</view>


						</view>
					</view>
				</view>


			</view>

			<!-- 门店活动 -->
			<view class="store_activity" v-if="storeInfo">
				<text class="store_activity_title">门店活动</text>
				<view style="padding: 0 20rpx;">
					<u-line color="#A6A6A6"></u-line>
				</view>

				<view class="store_activity_item" v-for="(item,index) in goodsList" :key="index"
					v-if="goodsList.length>0">
					<view @click="toDanpin(item)">
						<view class="store_activity_detail">
							<text>{{item.title}}</text>
							<text>￥{{item.price}}</text>
						</view>
						<text class="store_activity_content">{{item.content}}</text>
					</view>
					<u-album :urls="item.image" maxCount='3' :multipleSize="multipleSize "></u-album>
					<view style="margin-top: 15rpx;">
						<u-line dashed color="#A6A6A6"></u-line>
					</view>
				</view>
				<!-- 门店活动空提示 -->
				<view class="" v-else style='padding:30rpx 0'>
					<u-empty mode="order" text="本店暂未设置活动">
					</u-empty>
				</view>
			</view>

		</view>


		<u-popup :round="20" :show="showCoupon" @close="handleCloseCoupon">
			<view class="conponCont">

				<view class="top">
					<view class="tit">
						<view class="text">
							优惠券
						</view>
						<view class="close" @click="handleCloseCoupon">
							<u-icon name="close" color="#CCCCCC" size="16"></u-icon>
						</view>
					</view>

				</view>
				<view class="info">
					<view class="have">
						<view class="coupon-item" v-for="(item,index) in couponList" :key="index"
							@click="handleSelectCoupon(item)">
							<view class="item-info">
								<view class="bgcoupon">
									<image class="img" src="../../static/images/couponBlue.png" mode=""></image>
								</view>
								<view class="info-inner">
									<view class=" left-box">
										<view class="coupon-num-box">{{item.price}} <text>元</text> </view>
										<view class="coupon-rule">满{{item.fullprice}}元使用</view>
									</view>
									<view class="middle">
										<view class="ctop">
											<view class="coupon-title">{{item.name}}</view>

										</view>
										<view class="desc">
											{{item.title}}
										</view>

									</view>
									<view class="right" v-if="price>=item.fullprice">
										<view class="check">
											<image v-if="selectCoupon.id!==item.id" class="img-cont"
												src="../../static/images/check.png" mode=""></image>
											<image v-if="selectCoupon.id===item.id" class="img-cont"
												src="../../static/images/checked.png" mode=""></image>
										</view>
									</view>
								</view>
							</view>
							<view class="">

							</view>
						</view>

					</view>


				</view>
			</view>
		</u-popup>
		<Tabbar :slectIndex="0"></Tabbar>
	</view>
</template>

<script setup>
	import _ from 'lodash'
	import formatNumber from '@/utils/formatNumber.js'
	import handleCache from "@/utils/cache.js"
	import {
		ref,
		computed,
		nextTick,
		watchEffect,
		watch
	} from 'vue'
	import {
		onReady,
		onShow,
		onLoad
	} from '@dcloudio/uni-app'
	import {
		quickSaleApi,
		storeApi,
		couponApi,
		userApi,
		commonApi
	} from '@/api/index.js'
	import Tabbar from '@/components/tabbar/tabbar.vue'
	const currentPage = ref(1)
	const totalPage = ref(0)
	const pageSize = ref(20)
	const status = ref('nomore')
	const goodsList = ref([])
	const loadStatus = ref('nomore')
	const totalHeight = ref(0)
	const statusBarHeightRef = ref(0)
	const price = ref('')
	const payMethod = ref(0)
	const showCoupon = ref(false)
	const couponActive = ref(1)
	const userInfo = ref('')
	const storeInfo = ref('')
	const couponList = ref([])
	const selectCoupon = ref('')
	const meetPrice = ref(0)
	const otherInfo = ('')
	const userwallet = ref('')
	const erweimaShanghuId = ref('')
	const shareUserId = ref('')
	const shareShanghuId = ref('')
	let wxhzekou = ref(100)
	let yuezekou = ref(100)
	let wxprice = ref(0)
	let yueprice = ref(0)
	const multipleSize = ref(0)
	const isWechat = ref(false)

	watch([price, payMethod], (val) => {
		if (val[1] === 1) {
			meetPrice.value = wxprice.value
		} else {
			meetPrice.value = yueprice.value
		}
	})
	watch([price, selectCoupon], (newValue) => {
		let price = 0

		if (newValue[0]) {
			let n = Number(newValue[0])
			let coupon = newValue?.[1]?.price || 0
			let p = _.subtract(n, coupon)
			let t = wxhzekou.value || 100
			let zhe = t / 100
			let v = _.multiply(p, zhe)
			price = Math.floor(v * 100) / 100
		}
		wxprice.value = price
	}, {
		deep: true
	})
	watch([price, selectCoupon], (newValue) => {
		let price = 0
		if (newValue[0]) {
			let n = Number(newValue[0])
			let coupon = newValue?.[1]?.price || 0
			let p = _.subtract(n, coupon)
			let t = yuezekou.value || 100
			let zhe = t / 100
			let v = _.multiply(p, zhe)
			price = Math.floor(v * 100) / 100
		}
		yueprice.value = price
	}, {
		deep: true
	})
	onLoad((options) => {
		if (options.shanghuid) {
			getApp().globalData.erweimaShanghuId = Number(options.shanghuid)
			erweimaShanghuId.value = Number(options.shanghuid)
		}
		if (options.pid) {
			getApp().globalData.shareUserId = Number(options.pid)
			shareUserId.value = Number(options.pid)
		}
		if (options.shanghuid) {
			getApp().globalData.shareShanghuId = Number(options.shanghuid)
			shareShanghuId.value = Number(options.shanghuid)
		}
		//#ifndef H5
		uni.getSystemInfo({
			success: res => {
				let menu = uni.getMenuButtonBoundingClientRect()
				let statusBarHeight = res.statusBarHeight
				let menuHeight = menu.height
				let menuTop = menu.top
				let navigatorHeight = (menu.top - res.statusBarHeight) * 2 + menu.height
				totalHeight.value = statusBarHeight + navigatorHeight
				statusBarHeightRef.value = statusBarHeight
				multipleSize.value = Math.floor(res.screenWidth / 3.75)
			}
		})
		//#endif

	})
	onShow(async () => {
		uni.hideTabBar()
		console.log(shareShanghuId.value, handleCache.get('userInfo'), 98888)
		if (handleCache.get('userInfo')) {
			userInfo.value = handleCache.get('userInfo');
			getData()
			if (erweimaShanghuId.value || shareShanghuId.value) {
				await userApi.userstore({
					uid: userInfo.value.id,
					shanghuid: erweimaShanghuId.value || shareShanghuId.value
				}).then((res) => {
					if (res.code == 0) {
						let data = {
							...userInfo.value
						}
						data.shanghuid = erweimaShanghuId.value || shareShanghuId.value
						userInfo.value = data
						handleCache.remove('userInfo')
						handleCache.set('userInfo', data, 'forever')
					}
					erweimaShanghuId.value = ''
					shareShanghuId.value = ''
				})
			}

			if (shareUserId.value) {
				let {
					data
				} = await userApi.bangdingsj({
					uid: userInfo.value.id,
					pid: shareUserId.value
				})
				shareUserId.value = ''
			}

			await getStoreInfo()
			await getCoupon()
			await getuserwallet()


		} else {
			userInfo.value = ''
			storeInfo.value = ''

			wxhzekou.value = 100
			userwallet.value = ''

			if (shareShanghuId.value) {
				await getStoreInfo()
			}


		}
	})
	const getuserwallet = () => {
		let req = {
			uid: userInfo.value.id,
			shanghuid: userInfo.value.shanghuid
		}
		commonApi.userwallet(req).then((res) => {
			userwallet.value = res.data
			yuezekou.value = res?.data?.zhekou || 100
		})
	}


	const getStoreInfo = () => {
		storeApi.storeinfo({
			id: userInfo.value.shanghuid || shareShanghuId.value
		}).then((res) => {
			storeInfo.value = res.data
			wxhzekou.value = res?.data?.wxzhekou || 100
			if (res.data.paystatus == 1 && res.data.shh != '') {
				isWechat.value = true;
			} else if (res.data.paystatus == 2) {
				isWechat.value = true;
			} else if (res.data.paystatus == 3) {
				isWechat.value = false;
			}
		})
	}

	const getCoupon = () => {
		let req = {
			uid: userInfo.value.id,
			shanghuid: userInfo.value.shanghuid,
			status: 1
		}
		couponApi.couponuser(req).then((res) => {
			couponList.value = res.data || []

		})
	}
	const checkPayMethod = (data) => {
		// if (data === payMethod.value) {
		// 	return
		// }
		if (data == 1) {
			// if (storeInfo.value.shh == '') {
			// 	uni.showToast({
			// 		mask: true,
			// 		icon: 'none',
			// 		title: '商家暂未开通在线支付'
			// 	})
			// 	return
			// }
		}
		if (!userInfo.value) {
			uni.showToast({
				mask: true,
				icon: 'none',
				title: '请先登录'
			})
			uni.navigateTo({
				url: '/pages/login/login?path=index'
			})
			return
		}
		if (!storeInfo.value) {
			uni.showToast({
				mask: true,
				icon: 'none',
				title: '请先登录'
			})
			return
		}
		if (!meetPrice.value) {
			uni.showToast({
				mask: true,
				icon: 'none',
				title: '请先输入金额'
			})
			return
		}


		payMethod.value = data
		handlePay()


	}
	const handleShowCoupon = () => {
		showCoupon.value = true
	}
	const handleCloseCoupon = () => {
		showCoupon.value = false
	}
	const handleSelectCoupon = (data) => {
		if (price.value == 0) {
			uni.showToast({
				title: '请输入金额',
				icon: 'none'
			})
			return false
		}
		if (price.value >= data.fullprice) {
			if (data.id === selectCoupon.value.id) {
				selectCoupon.value = ''

				return
			}
			selectCoupon.value = data
			let n = _.subtract(Number(price.value) || 0, selectCoupon.value.price)

			showCoupon.value = false
		}
	}

	const handleGo = () => {
		if (!userInfo.value) {
			uni.navigateTo({
				url: '/pages/login/login'
			})
		}
	}
	const handleChangePrice = (value) => {
		if (Number(value)) {
			// getCoupon()
			if (selectCoupon.value && selectCoupon.value.fullprice > value) {
				selectCoupon.value = ''
			}
		} else {
			// couponList.value = []
			// selectCoupon.value = ''
		}
	}
	const handleGoRecharge = () => {
		if (!userInfo.value) {
			uni.navigateTo({
				url: '/pages/login/login'
			})
			return
		}
		uni.navigateTo({
			url: '/pagesA/recharge/recharge?type=1'
		})

	}
	const handlePay = () => {
		let req = {
			uid: userInfo.value.id,
			couponid: selectCoupon.value.couponid,
			state: payMethod.value,
			price: Number(price.value),
			shanghuid: userInfo.value.shanghuid,
			shanghu: userInfo.value.shanghuname
		}

		uni.showLoading({
			title: '支付中'
		})

		commonApi.orderxxgenerate(req).then((res) => {
			if (res.code === 0) {
				if (res.status == 2) {
					price.value = ''
					meetPrice.value = 0
					selectCoupon.value = ''
					uni.navigateTo({
						url: '/pages/payresult/payresult?status=1'
					})
				} else {
					if (payMethod.value === 1) {
						wxPayFn(res.data)
					} else {
						price.value = ''
						selectCoupon.value = ''
						meetPrice.value = 0
						uni.navigateTo({
							url: '/pages/payresult/payresult?status=1'
						})
					}
				}
			} else if (res.code == 400 && res.data == '余额不足') {
				uni.hideLoading()
				uni.showModal({
					title: '余额不足', // 标题
					content: '是否前往充值', // 提示内容
					cancelText: "取消", // 取消按钮的文字
					confirmText: "确认", // 确认按钮的文字
					showCancel: true, // 是否显示取消按钮，默认为 true
					success(res) {
						if (res.confirm) {
							//点击确定之后执行的代码
							uni.navigateTo({
								url: '/pagesA/recharge/recharge?type=1'
							})
						} else {
							//点击取消之后执行的代码
						}
					}
				});
			} else {
				uni.hideLoading()
				uni.showToast({
					mask: true,
					icon: 'none',
					title: res.data
				})
			}

		})
	}
	const wxPayFn = (id) => {
		let req = {
			id,
			uid: userInfo.value.id
		}
		commonApi.wechatpayorderxx(req).then((res) => {
			uni.hideLoading()
			if (res.code === 0) {
				let paydata = res.data
				wx.requestPayment({
					nonceStr: paydata.nonceStr, // 随机字符串
					package: paydata.package, // 固定值
					signType: paydata.signType, // 统一下单订单号 
					timeStamp: paydata.timeStamp, // 时间戳（单位：秒）
					paySign: paydata.sign, // 签名，这里用的 MD5/RSA 签名
					success(res) {
						price.value = ''
						meetPrice.value = 0
						selectCoupon.value = ''
						uni.navigateTo({
							url: '/pages/payresult/payresult?status=1'
						})
					},
					fail(e) {
						price.value = ''
						meetPrice.value = 0
						selectCoupon.value = ''
						uni.navigateTo({
							url: '/pages/payresult/payresult?status=0'
						})
						// console.log(e, 8888)
					}
				})
			} else {
				uni.showToast({
					mask: true,
					icon: 'none',
					title: res.msg
				})
			}
		})
	}
	const getData = () => {
		currentPage.value = 1
		let req = {
			shanghuid: userInfo.value.shanghuid,
			pageNo: currentPage.value,
			pageSize: pageSize.value,
		}
		uni.showLoading({
			title: '加载中'
		})
		quickSaleApi.danpinlist(req).then((res) => {
			uni.hideLoading()
			totalPage.value = res.data.totalPage || 0;

			for (var i = 0; i < res.data.data.length; i++) {
				if (res.data.data[i].content != '') {
					var links = res.data.data[i].image.split(",");
					res.data.data[i].image = links;
					res.data.data[i].content = unescape(res.data.data[i].content.replace(/\\/g, "%"));
				}
			}
			// console.log('这是xxxxxxxxxx', res.data.data)

			goodsList.value = res.data.data || []
			if (totalPage.value > currentPage.value) {
				loadStatus.value = 'loadmore'
			} else {
				loadStatus.value = 'nomore'
			}
		})
	}
	const loadData = () => {
		if (currentPage.value >= totalPage.value) return;
		loadStatus.value = 'loading'
		currentPage.value = ++currentPage.value

		let req = {
			shanghuid: userInfo.value.shanghuid,
			pageNo: currentPage.value,
			pageSize: pageSize.value,
		}
		uni.showLoading({
			title: '加载中'
		})
		quickSaleApi.danpinlist(req).then((res) => {
			uni.hideLoading()
			goodsList.value = [...goodsList.value, ...res.data.data]
			if (totalPage.value > currentPage.value) {
				loadStatus.value = 'loadmore'
			} else {
				loadStatus.value = ' nomore'
			}
		})
	}
	// 底部活动点击事件
	const toDanpin = (data) => {
		uni.navigateTo({
			url: `/pages/quicksale/quicksale?id=${data.id}&shanghuid=${userInfo.value.shanghuid}`
		})
	}
</script>

<style lang="scss" scoped>
	@import 'index.scss';

	.store_back {
		z-index: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
	}

	.store_back image {
		width: 100%;
		height: 15%;
		filter: blur(0px);
	}

	.storeCard {
		filter: drop-shadow(2px 2px 3px #e5e5e5);
		background-color: #fff;
		padding: 20rpx;
		border-radius: 20rpx;
	}

	.mainContent {
		width: 100%;
		z-index: 3;
		padding: 20rpx;
		border-radius: 20rpx 20rpx 0 0;

	}

	.store_namelogo {
		display: flex;
	}

	.store_namelogo image {
		width: 120rpx;
		height: 120rpx;
		border-radius: 20rpx;
	}

	.storename {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		margin-left: 40rpx;
		width: 70%;
	}

	.storename text:first-child {
		font-size: 30rpx;
		font-weight: bolder;

	}

	.storename text:nth-child(2) {
		font-size: 24rpx;
		color: #999999;
	}

	.store_tag {
		margin-top: 20rpx;
		display: flex;
	}

	.store_tag image {
		width: 150rpx;
		height: 30rpx;
	}

	.store_tag_a {
		display: flex;
		align-items: center;
		border: 1px solid #FF6700;
		border-radius: 10rpx;
		margin-right: 20rpx;
	}

	.store_tag_a>text {
		color: #A6A6A6;
		font-size: 22rpx;
		margin: 5rpx 10rpx;
	}

	.store_adress {
		margin-top: 20rpx;
		color: #999999;
		font-size: 24rpx;
	}

	.vipcontent {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #999999;
		font-size: 24rpx;
		white-space: nowrap;
	}

	.vipcontent_head {
		display: flex;
		align-items: center;
		white-space: nowrap;
		color: #505050;
		font-size: 28rpx;
	}

	.goodsDetails {
		margin-top: 20rpx;
		font-size: 32rpx;
		font-weight: bolder;
		margin-bottom: 130rpx;
		background: #F5F5F5;
		padding: 20rpx;
		border-radius: 20rpx;
	}

	.goodsDetails image {
		border-radius: 20rpx;
		margin: 10rpx 0;
	}

	.buyBtn_area {
		z-index: 2;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		// background-color: #05C160;
		width: 100%;
		display: flex;
	}


	.shareBtn {
		width: 30%;
		height: 100rpx;
		background-image: url('/static/images/shareBtn.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.shareBtn button {
		width: 100%;
		height: 100%;
		background-color: transparent;

	}

	.shareBtn button::after {
		border: none !important;
	}

	.buyBtn {
		width: 70%;
		height: 100rpx;
		background-image: url('/static/images/buyBtn.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		color: #fff;
		font-size: 30rpx;
		font-weight: bolder;
		position: relative;
	}

	.zz {
		position: absolute;
		top: 10%;
		right: 8%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.xx {
		display: flex;
		align-items: center;
	}

	.xx text:nth-child(2) {
		color: #fff;
		margin-left: 10rpx;
		font-size: 22rpx;
		background: rgba(248, 142, 11, 1);
		padding: 2rpx 10rpx;
		border-radius: 10rpx;
	}

	.background_green {
		// background: #11943F;
	}

	.function_Area {
		width: 100%;
		padding: 20rpx;
		z-index: 3;
	}

	.store_activity {
		margin-top: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
		padding: 20rpx;
	}

	.store_activity_title {
		font-size: 38rpx;
		font-weight: 600;
		margin: 20rpx 20rpx 20rpx 20rpx;
		display: inline-block;
	}

	.store_activity_item {
		box-sizing: border-box;
		padding: 20rpx;
	}

	.store_activity_item text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		/* 控制显示的行数 */
	}

	.store_activity_detail {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 10rpx 0;

	}

	.store_activity_detail text:first-child {
		font-size: 32rpx;
		font-weight: 700;
		width: 80%;
	}

	.store_activity_detail text:nth-child(2) {
		font-size: 32rpx;
		color: #FF6700;
		font-weight: 700;
	}

	.store_activity_content {
		display: inline-block;
		margin-bottom: 10rpx;
	}

	.dislogin .info {
		background: #DBD9D9;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 20rpx;
		border-radius: 20rpx;
	}

	.dislogin .info text:first-child {
		color: #CCCACA;
		font-size: 80rpx;
	}

	.dislogin .info text:nth-child(2) {
		display: inline-block;
		box-sizing: border-box;
		background: #28E06E;
		color: #fff;
		border-radius: 10rpx;
		padding: 10rpx 30rpx;
		margin-top: 20rpx;
	}
</style>